<template>
  <div>
    <!-- <div class="list" ref="wrapper"> -->
    <ul class="list">
      <li class="item" v-for="(item,index) in cities" :key="index">{{index}}</li>
    </ul>
    <!-- </div> -->
  </div>
</template>
<script>
import Bscroll from "better-scroll";
export default {
  props: {
    cities: Object
  },
  data() {
    return {};
  },
  mounted() {
    console.log("333");
  }
};
</script>
<style lang="stylus" scoped>
.list {
  overflow: hidden;
  position: fixed;
  top: 4rem;
  right: 0.1rem;

  .item {
    color: #07abc5;
    font-size: 0.24rem;
    margin-bottom: 0.12rem;
  }
}
</style>
